<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
        <!--
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }
        .STYLE1 {font-size: 12px}
        .STYLE3 {font-size: 12px; font-weight: bold; }
        .STYLE4 {
            color: #03515d;
            font-size: 12px;
        }
        -->
    </style>
    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script src="../../js/plan/package.js"></script>
    <script>
        var  highlightcolor='#c1ebff';
        //此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
        var  clickcolor='#51b2f6';
        function  changeto(){
            source=event.srcElement;
            if  (source.tagName=="TR"||source.tagName=="TABLE")
                return;
            while(source.tagName!="TD")
                source=source.parentElement;
            source=source.parentElement;
            cs  =  source.children;
//alert(cs.length);
            if  (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor)
                for(i=0;i<cs.length;i++){
                    cs[i].style.backgroundColor=highlightcolor;
                }
        }

        function  changeback(){
            if  (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc")
                return
            if  (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor)
//source.style.backgroundColor=originalcolor
                for(i=0;i<cs.length;i++){
                    cs[i].style.backgroundColor="";
                }
        }

        function  clickto(){
            source=event.srcElement;
            if  (source.tagName=="TR"||source.tagName=="TABLE")
                return;
            while(source.tagName!="TD")
                source=source.parentElement;
            source=source.parentElement;
            cs  =  source.children;
//alert(cs.length);
            if  (cs[1].style.backgroundColor!=clickcolor&&source.id!="nc")
                for(i=0;i<cs.length;i++){
                    cs[i].style.backgroundColor=clickcolor;
                }
            else
                for(i=0;i<cs.length;i++){
                    cs[i].style.backgroundColor="";
                }
        }
    </script>

</head>

<body onload="locSearchSubmit('origin'), getProvinces(), getCities(), getDistricts(), positionLinkage()">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="30" background="images/tab_05.gif">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="12" height="30"><img src="images/tab_03.gif" width="12" height="30" /></td>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="46%" valign="middle">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="5%"><div align="center"><img src="images/tb.gif" width="16" height="16" /></div></td>
                                            <td width="95%" class="STYLE1"><span class="STYLE3">你当前的位置</span>：[排期中心]-[添加资源包]</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            </td>
        </tr>
        <tr>
            <form id="loc_search_form">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr background="images/bg1.png">
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">资源位筛选 </span> &nbsp;&nbsp; <span class="STYLE1"><input type="button" value="查询" onclick="locSearchSubmit()"/> </span></div></th>
                        <th width="90%" height="35" colspan="5" background="images/bg1.png" bgcolor="#FFFFFF"><span class="STYLE1"></span></div></th>
                    </tr>
                    <tr>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">基础属性 >></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">资源位ID: <input type="text" name="locId"/></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">资源位名称: <input type="text" name="locName"/></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">省份: <select name="province" id="_province"></select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">城市: <select name="city" id="_city"></select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">区/县: <select name="district" id="_district"></select></span></div></th>
                    </tr>

                    <tr>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1"></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">
                            支持模板类型:
                            <select name="templateType" id="_template_type">
                                <option value="">请选择</option>
                                <option value="0">图片</option>
                                <option value="1">视频</option>
                                <option value="2">HTML</option>
                            </select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">
                            性别:
                            <select name="sex" id="_sex">
                                <option value="">请选择</option>
                                <option value="0">男</option>
                                <option value="1">女</option>
                            </select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">
                            年龄:
                            <select name="age" id="_age">
                                <option value="">请选择</option>
                                <option value="0">20岁以下</option>
                                <option value="1">20-40岁</option>
                                <option value="2">40-60岁</option>
                                <option value="3">60-80岁</option>
                                <option value="4">80岁以上</option>
                            </select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">
                            婚姻:
                            <select name="marriage" id="_marriage">
                                <option value="">请选择</option>
                                <option value="0">已婚</option>
                                <option value="1">未婚</option>
                            </select></span></div></th>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">
                            教育水平:
                            <select name="education" id="_education">
                                <option value="">请选择</option>
                                <option value="0">小学</option>
                                <option value="1">初中</option>
                                <option value="2">高中</option>
                                <option value="3">专科</option>
                                <option value="4">本科</option>
                                <option value="5">硕士</option>
                                <option value="6">博士</option>
                            </select></span></div></th>
                        <tr>
                </table>

                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <th width="10%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">用户属性 >></span></div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="1" id="_manage_money"/>关注理财</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="2" id="_recreation"/>关注娱乐</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="3" id="_game"/>关注游戏</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="4" id="_shopping"/>关注购物</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="5" id="_trip"/>关注旅行</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="6" id="_car"/>关注汽车</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="7" id="_infant_mom"/>关注母婴</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="8" id="_social_contact"/>关注社交</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="9" id="_sport"/>关注运动</div></th>
                        <th width="5%" height="35" background="images/bg1.png" bgcolor="#FFFFFF"><div align="center"><input type="checkbox" name="userAttribute" value="10" id="_life"/>关注生活</div></th>
                    </tr>

                </table>

            </form>

            <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#c0de98" onmouseover="changeto()"  onmouseout="changeback()">
                <thead>
                <tr>
                    <th width="10%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1"><input type="checkbox" name="locs" value="">全选</span></div></th>
                    <th width="10%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">序号</span></div></th>
                    <th width="20%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">名称</span></div></th>
                    <th width="20%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">位置</span></div></th>
                    <th width="20%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">高度</span></div></th>
                    <th width="20%" height="22" background="images/bg2.png" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">宽度</span></div></th>
                </tr>
                </thead>
                <tbody class="loc_search_data" id="loc_search_data">
                </tbody>

            </table>

        </tr>
        <tr>
            <td colspan="6">
                <input type="button" value="添加" onclick="addLocs()"/>
                <input type="button" value="删除" onclick="deleteLocs()"/>
            </td>
        </tr>
    </table>





    <form id="package_add_form">
        <p>
            <label>已选定资源位：</label>
            <input type="text" name="locIds" id="_locIds"/>
        </p>

        <p>
            <label>资源包命名：</label>
            <input type="text" name="name" id="_name"/>
        </p>

        <p>
            <input type="button" name="" value="提交" onclick="addSubmitButtonClick()">

            <!-- input类型为reset定义重置按钮 -->
            <input type="reset" name="" value="重置">

            <input type="button" name="" value="返回">
        </p>


    </form>
</body>
</html>
